<script setup lang="ts">
import LoginForm from "./LoginForm.vue";
import useCounter from "@/store/useCounter";
const counter = useCounter();
onMounted(() => {
  counter.count = 0;
  console.log(counter.count);
});
</script>

<template>
  <div class="text-center selection:bg-green-100">
    <img class="mx-auto mt-12 mb-8" alt="Vue logo" src="@/assets/logo.png" />
    <!--    <HelloWorld msg="Vite + Vue 3 + Typescript + Tailwindcss v3" />-->
    <LoginForm />
    <van-tabbar v-model="counter.count">
      <van-tabbar-item replace to="/" icon="home-o">标签</van-tabbar-item>
      <van-tabbar-item replace to="/jobs" icon="search">标签</van-tabbar-item>
      <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
      <van-tabbar-item icon="manager">标签</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<style></style>
